<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<link href="__STATIC__/bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="__STATIC__/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
	<title>书签检查器</title>
	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="__STATIC__/bootstrap/js/html5shiv.js"></script>
	<![endif]-->
	<!--[if lt IE 9]>
	<script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
	<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
	<script type="text/javascript" src="__STATIC__/bootstrap/js/bootstrap.js"></script>
	<!--<![endif]-->
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <link rel="stylesheet" href="__STATIC__/uploadify/uploadify.css">
	<link rel="stylesheet" href="__ADDONROOT__/static/style.css">
</head>
<body>
	<div class="container">
		<div class="row">
			<p>&nbsp;</p>
			<form class="form-horizontal" role="form">
				<div class="control-group">
					<textarea id="urls" class="span12 pull-right" rows="15"></textarea>
				</div>
				<div class="control-group">
					<button type="button" class="btn btn-primary btn-large disabled span3" id="upload_win_btn">上传书签</button>
					<div class="btn-group span3">
		                <div class="input-prepend">
							<div class="btn-group">
							  <a class="btn btn-large" href="#">提取规则</a>
							  <a class="btn btn-large dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
							  <ul class="dropdown-menu">
							    <li><a href="#"><i class="icon-pencil"></i> 请手动修改插件配置文件里规则列表</a></li>
							  </ul>
							</div>
							<select id="rules"></select>
						</div>
	              	</div>
					<button type="button" class="btn btn-large span3" id="check" disabled>开始分析</button>
					<button type="button" class="btn btn-large span3" id="clean" disabled>清除表单</button>
				</div>
			</form>
		</div>
		<div class="row">
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
	        </div>
	        <div class="fade" id="loading_tpl">
	             <div class="modal-dialog">
	                <div class="modal-content">
	                    <div class="modal-header">
	                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	                        <h4 class="modal-title" id="myModalLabel">URL检测列表<span id="time"></span><span id="counting"></span></h4>
	                    </div>
	                    <div class="modal-body">
	                    	<p id="check_status"><label>正在检测中...</label></p>
	                        <div class="progress progress-striped active">
	                            <div class="bar" style="width: 1%;"></div>
	                        </div>
	                        <table class="table table-striped table-hover" id="check_table">
	                        	<thead>
					                <tr>
										<th width="60">#</th>
										<th width="365">待检查URL</th>
										<th width="60">网站标题</th>
										<th width="30">结果</th>
					                </tr>
				              	</thead>
				              	<tbody></tbody>
							</table>
	                    </div>
	                </div>
	            </div>
	        </div>
		</div>
	</div>
	<script type="text/javascript">
		var uploader = "{:addons_url('BookmarkCheck://BookmarkCheck/upload')}";
		var session_id = '{:session_id()}';
		var uploadify_swf = '__STATIC__/uploadify/uploadify.swf';
		var uploadify_btn_img = '__ADDONROOT__/static/img/upload_btn.png';
		var check_url = "{:addons_url('BookmarkCheck://BookmarkCheck/checkUrl')}";
		var rules_url = "{:addons_url('BookmarkCheck://BookmarkCheck/rules')}";
	</script>
	<script type="text/javascript" src="__ADDONROOT__/static/app.js"></script>
</body>
</html>